<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<ui:composition template="/templates/layoutestacionamento.xhtml">
	<ui:define name="corpo">

		<div id="corpo">		
			<div class="cadastro">
			
			<div style="width: 100px; float: left; margin-left: 10px;">
				<font id="ur" size="5" face="sans-serif" />
			</div>	
			<div id="descricao">
					<span id="descricao">Editar reserva</span>
				</div>
				<h:form>
					<p:fieldset legend="Detalhes da reserva">
						<h:outputLabel value="Número da reserva :"  style="font-size:13px;"/>

						<h:panelGrid columns="3" cellspacing="5">

							<p:inputText value="teste" />
							<h:commandLink actionListener="#{estacionamentoBean.consultaCep}">
								<h:graphicImage library="imagens" name="lupa.png" width="20" />
							</h:commandLink>
						</h:panelGrid>
					</p:fieldset>
				</h:form>




				<h:form>
					<p:fieldset legend="Dados da Reserva">
						<h:inputHidden value="#{reservaBean.reserva.codigo}" />
						<h:panelGrid columns="5">
							<h:outputLabel value="Data de Entrada" for="reserva" />
							<h:outputLabel value="Data de Saída" for="reserva" />
							<h:outputLabel value="Hora de Chegada" for="hora" />
							<h:outputLabel value="Hora de Sáida" for="hora" />
							<h:outputLabel value="Tipo de vaga " for="tipovaga" />

							<p:calendar requiredMessage="Informe data e hora para reserva"
								locale="pt" effect="slideDown" size="15" />

							<p:calendar requiredMessage="Informe data e hora para reserva"
								locale="pt" effect="slideDown" disabled="true" size="15"  />

							<p:calendar timeOnly="true"
								requiredMessage="Informe  a hora para reserva" locale="pt"
								pattern=" hh:mm:ss" effect="slideDown" size="15" />

							<p:calendar timeOnly="true"
								requiredMessage="Informe  a hora para reserva" locale="pt"
								pattern=" hh:mm:ss" effect="slideDown" disabled="true" size="15" />

							<p:selectOneMenu value="#{reservaBean.reserva.tipo}">
								<f:selectItem itemLabel="Selecione uma opção" ItemValue="" />
								<f:selectItem itemLabel="Deficiente" ItemValue="2" />
								<f:selectItem itemLabel="Idoso" ItemValue="3" />
								<f:selectItem itemLabel="Normal" ItemValue="1" />
							</p:selectOneMenu>
						</h:panelGrid>
					</p:fieldset>


					<p:fieldset legend=" Dados do veículo ">
						<fieldset>
							<legend style="color: #d51515">

								<h:graphicImage library="imagens" name="veiculo.png" width="30" />
							</legend>

							<h:panelGrid columns="4" cellspacing="10">
								<h:outputLabel value="Placa" for="placa" />
								<h:outputLabel value="Marca" />
								<h:outputLabel value="Modelo" for="modelo" />
								<h:outputLabel value="Categoria" />
								<p:inputText />
								<p:inputText />
								<p:inputText />
								<p:inputText />
							</h:panelGrid>
						</fieldset>
					</p:fieldset>

					<h:panelGrid columns="2" cellpadding="5">
						<h:commandButton action="#{reservaBean.efetuarReserva}"
							value="Confirma Reserva" styleClass="css3button" />
						<h:commandButton action="/publico/principal.xhtml"
							value="Cancelar" styleClass="css3button" />

					</h:panelGrid>

				</h:form>

			</div>
		</div>
	</ui:define>
</ui:composition>

</html>